<section class="header clearfix">
  <h1>{{title}}</h1>
</section>

<div class="row">
  <div class="col span-12">
    <label class="acc-label">{{t 'cruVolume.source.label'}}{{field-required}}</label>
    {{new-select
      content=sourceChoices
      prompt="cruVolume.source.prompt"
      localizedPrompt=true
      optionValuePath="name"
      value=sourceName
      readOnly=isView
    }}
  </div>
</div>

<hr class="mb-20" />

{{#accordion-list showExpandAll=false as | al expandFn |}}
  {{#accordion-list-item
    title=(t 'cruVolume.source.title')
    detail=(t 'cruVolume.source.detail')
    expandAll=expandAll
    expand=(action expandFn)
    expandOnInit=true
  }}
    {{#if sourceComponent}}
      {{component sourceComponent.component
        volume=model
        sourceStore=store
        editing=true
      }}
    {{else}}
      <p class="text-muted">{{t 'cruVolume.sourcePrompt'}}</p>
    {{/if}}
  {{/accordion-list-item}}
{{/accordion-list}}

{{top-errors errors=errors}}
{{save-cancel createLabel='cruVolume.define.addActionLabel' save="save" cancel="viewEditCancel"}}
